<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv ="Content-Script-Type" content ="text/javascript; charset=UTF-8" />
	
	
	<title>Category Master</title>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js"></script>
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.js"></script>
	
	<script type="text/javascript" src="js/lib/jquery/jquery.cookie.js"></script>
	<script type="text/javascript" src="js/lib/jquery/jquery.hotkeys.js"></script>
	<script type="text/javascript" src="js/lib/jquery/jstree/jquery.jstree.js"></script>
	<script type="text/javascript" src="js/lib/jquery/jquery-ui/js/jquery-ui-1.8.9.custom.min.js"></script>

	<script type="text/javascript" src="js/main.js"></script>
	
	<link rel="stylesheet" type="text/css" href="js/lib/jquery/jquery-ui/css/smoothness/jquery-ui-1.8.9.custom.css" />
	<link rel="stylesheet" type="text/css" href="css/main.css" />

</head>
<body>
	<div id="glayLayer"></div>
	
	<!-- カテゴリフォルダ編集ダイアログ -->
	<div id="categoryFolderRenameLayer" style="display: none;">
		<input type="text" id="renameCategoryFolderText" class="rename_text"  />
		<a name="button" class="button" id="btnRenameCategoryFolder"  href="###">変更</a>
	</div>
	<div id="categoryFolderDeleteLayer" style="display: none;">
		<p>配下のカテゴリも同時に削除されます。</p>
		<p>削除してもよろしいですか？</p>
		<a name="button" class="button" id="btnDeleteCategoryFolder" href="###">削除</a>
		<a name="button" class="button" id="btnCancelDeleteCategoryFolder" href="###">キャンセル</a>
	</div>
	
	<!-- カテゴリ編集ダイアログ -->
	<div id="categoryRenameLayer" style="display:none;">
		<input type="text" id="renameCategoryText" class="rename_text2"  />
		<a name="button" class="button" id="btnRenameCategory" href="###">変更</a>
	</div>
	<div id="categoryDeleteLayer" style="display:none;">
		<p>このカテゴリを削除してもよろしいですか？</p>
		<p>※削除したデータは復元できません</p>
		
		<a name="button" class="button" id="btnDeleteCategory" href="###">削除</a>
		<a name="button" class="button" id="btnCancelDeleteCategory" href="###">キャンセル</a>
	</div>	
	
  	<div id="head">
  		<span id="logo">Category Master</span>
  		<div id="navi">
	  		<ul>
	  			<li><a href="#">マイページへ</a></li>
	  			<li><a href="#">▼Setting</a></li>
	  			<li><a href="#">▼Help</a></li>
	  		</ul>

  		</div>

  	</div>

    <div id="container">
    	
        <div id="wrapper">
            <div id="sidebar">
            	<div>
	            	<dt class="category_folder">
	            		<span class="category_folder_name">リスト1</span>
	            		<span class="switch_edit_category_folder">▼</span>
	            		<!-- Category Folder 編集メニュー -->
	            		<div class="edit_category_folder" style="display:none;">
	            			<ul>
	            				<li><a class="category_folder_rename" href="#">名前の変更</a></li>
	            				<li><a class="category_folder_delete" href="#">削除</a></li>
	            			</ul>
	            		</div>
	            	</dt>
	            	
	            	<dd>
	            		<ul class="categories">
	            			<li class="category"><span>カテゴリー1</span></li>
	            			<li class="category_selected">カテゴリー2</li>
	            			<li class="category">カテゴリー3</li>
	            			<li class="category">カテゴリー4</li>
	            			<li class="create_new_category">＋</li>
	            		</ul>
	            	</dd>
            	</div>
            	<div>
	            	<dt class="category_folder">
	            		<span>リスト2</span>
	            		<span class="switch_edit_category_folder">▼</span>

	            	</dt>
	            	</dt>	            	
	            		<dd>
	            		<ul class="categories">
	            			<li class="category">カテゴリー1</a></li>
	            			<li class="category">カテゴリー2</a></li>
	            			<li class="category">カテゴリー3</a></li>
	            			<li class="category">カテゴリー4</a></li>
	            			<li class="create_new_category">＋</li>            			
	            		</ul>
	
	            	</dd>
            	</div>
            	<div class="create_new_folder">＋</div>            	
            </div>
            <!-- sidebar 終了 -->
            
<div id="content">
            
<div id="tree_wrapper">
	<div id="tree_header">
		<span id="category_title">カテゴリー2</span>
		<span id="category_menu">
			<a href="#" id="menu_switch_category_edit" class="category_menu_link">▼編集</a>
			<a href="#" id="menu_switch_switch_category_data" class="category_menu_link">▼データ</a>
		</span>
		<!-- カテゴリ編集メニュー -->
  		<div id="menu_edit_category" style="display: none;" class="category_menu">
			<ul>
				<li><a id="category_rename" href="#">カテゴリ名の変更</a></li>
				<li><a id="category_delete" href="#">カテゴリの削除</a></li>
			</ul>
		</div>
  		<div id="menu_edit_data" style="display:none;" class="category_menu">
			<ul>
				<li><a id="export_json" href="#">エクスポート(JSON)</a></li>
				<li><a id="import_json" href="#">インポート(JSON)</a></li>
			</ul>
		</div>				
	</div>
<div id="tree"></div>

    </div>
  </div>

        </div>
        <div id="foot">	
        copyright xxxxxx
        </div>
    </div>


</body>
</html>